<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
  <title><%= htmlWebpackPlugin.options.isProd ? '':'dev - ' %> demo</title>
  <% if(htmlWebpackPlugin.options.isProd){ %>
  <!-- <script src="https://cdn.jsdelivr.net/npm/vue"></script> -->
  <script src="https://cdn.staticfile.org/vue/2.6.12/vue.min.js"></script>

  <!-- <script src="https://cdn.bootcdn.net/ajax/libs/ant-design-vue/1.6.5/antd.min.js"></script> -->
  <script src="https://cdn.staticfile.org/ant-design-vue/1.6.5/antd.min.js"></script>

  <!-- <link href="https://cdn.bootcdn.net/ajax/libs/ant-design-vue/1.6.5/antd.min.css" rel="stylesheet"> -->
  <link href="https://cdn.staticfile.org/ant-design-vue/1.6.5/antd.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />

  <script src="https://cdn.jsdelivr.net/npm/mavon-editor@2.9.0/dist/mavon-editor.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.4.3/vue-router.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/vuex/3.5.1/vuex.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.20.0/axios.min.js"></script>

  <script src="https://cdn.staticfile.org/moment.js/2.28.0/moment.min.js"></script>
  <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.28.0/moment.min.js"
    integrity="sha512-Q1f3TS3vSt1jQ8AwP2OuenztnLU6LwxgyyYOG1jgMW/cbEMHps/3wjvnl1P3WTrF3chJUWEoxDUEjMxDV8pujg=="
    crossorigin="anonymous"></script> -->
  <% }%>
  <style type="text/css">
    #Loading {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -100px;
      margin-top: -100px;
      border-color: rgba(0, 0, 0, 0.0001);
    }

    @keyframes ldio-e5qi9gvo338-1 {
      0% {
        transform: rotate(0deg)
      }

      50% {
        transform: rotate(-45deg)
      }

      100% {
        transform: rotate(0deg)
      }
    }

    @keyframes ldio-e5qi9gvo338-2 {
      0% {
        transform: rotate(180deg)
      }

      50% {
        transform: rotate(225deg)
      }

      100% {
        transform: rotate(180deg)
      }
    }

    .ldio-e5qi9gvo338>div:nth-child(2) {
      transform: translate(-15px, 0);
    }

    .ldio-e5qi9gvo338>div:nth-child(2) div {
      position: absolute;
      top: 40px;
      left: 40px;
      width: 120px;
      height: 60px;
      border-radius: 120px 120px 0 0;
      background: #f8b26a;
      animation: ldio-e5qi9gvo338-1 1s linear infinite;
      transform-origin: 60px 60px
    }

    .ldio-e5qi9gvo338>div:nth-child(2) div:nth-child(2) {
      animation: ldio-e5qi9gvo338-2 1s linear infinite
    }

    .ldio-e5qi9gvo338>div:nth-child(2) div:nth-child(3) {
      transform: rotate(-90deg);
      animation: none;
    }

    @keyframes ldio-e5qi9gvo338-3 {
      0% {
        transform: translate(190px, 0);
        opacity: 0
      }

      20% {
        opacity: 1
      }

      100% {
        transform: translate(70px, 0);
        opacity: 1
      }
    }

    .ldio-e5qi9gvo338>div:nth-child(1) {
      display: block;
    }

    .ldio-e5qi9gvo338>div:nth-child(1) div {
      position: absolute;
      top: 92px;
      left: -8px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: #e15b64;
      animation: ldio-e5qi9gvo338-3 1s linear infinite
    }

    .ldio-e5qi9gvo338>div:nth-child(1) div:nth-child(1) {
      animation-delay: -0.67s
    }

    .ldio-e5qi9gvo338>div:nth-child(1) div:nth-child(2) {
      animation-delay: -0.33s
    }

    .ldio-e5qi9gvo338>div:nth-child(1) div:nth-child(3) {
      animation-delay: 0s
    }

    .loadingio-spinner-bean-eater-llggt22b67m {
      width: 200px;
      height: 200px;
      display: inline-block;
      overflow: hidden;
    }

    .ldio-e5qi9gvo338 {
      width: 100%;
      height: 100%;
      position: relative;
      transform: translateZ(0) scale(1);
      backface-visibility: hidden;
      transform-origin: 0 0;
    }

    .ldio-e5qi9gvo338 div {
      box-sizing: content-box;
    }

    /* generated by https://loading.io/ */
  </style>
</head>

<body>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
      Please enable it to continue.</strong>
  </noscript>
  <div id="Loading" class="loadingio-spinner-bean-eater-llggt22b67m">
    <!--加载中的动画-->
    <div class="ldio-e5qi9gvo338">
      <div>
        <div></div>
        <div></div>
        <div></div>
      </div>
      <div>
        <div></div>
        <div></div>
        <div></div>
      </div>
    </div>
  </div>
  <div id="app"></div>
</body>

</html>